<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>不凡学院</title>
    <link rel="icon" href="http://doc.bufanui.com/static/images/logo.jpg">
    <link rel="stylesheet" href="../public/css/index.css">

</head>

<body>
    <div class="header-warp">
        <div class="header"><img class="logo" src="https://bufanui.com/pages/front/img/LOGO.png" alt="">
            <div class="header-right">
                <a href="../view/bufan.html">
                    <div>

                        <p>首页</p>


                        <div class="active"></div>
                    </div>
                </a>



                <div class="header-right-item">
                    <a href="">
                        <p>前段开发</p>
                    </a>
                    <img src="https://bufanui.com/pages/front/img/WEB.png" alt="">
                </div>
                <a href="../view/ui.html">
                    <div class="header-right-item">
                        <img src="https://bufanui.com/pages/front/img/UI.png" alt="">

                        <p>ui设计</p>


                    </div>
                </a>

                <div>
                    <a href="">
                        <p>不凡说</p>
                    </a>

                    <div class="active"></div>
                </div>
                <div>
                    <a href="">
                        <p>导航</p>
                    </a>

                    <div class="active"></div>
                </div>



            </div>
        </div>

    </div>

    <div class="banner">
        <div class="banner-lt">&lt;</div>
        <div class="banner-gt">&gt;</div>
        <div class="banner-list">
            <div class="banner-list-item1"></div>
            <div class="banner-list-item2"></div>
            <div class="banner-list-item1"></div>
            <div class="banner-list-item2"></div>

        </div>

    </div>
    <div class="work-stu">
        <p>不凡优势<span>SUPER</span></p>
    </div>
    <div class="column">
        <div class="column-item1 column-list">
            <img class="list-img1" src="https://bufanui.com/pages/front/img/super-1.png" alt="">
            <img class="list-img2" src="https://bufanui.com/pages/front/img/icon-1.png" alt="">
            <p class="p1">精品小班</p>
            <p class="p2">20人精品小班，一对一面授指导</p>
        </div>
        <div class="column-item2 column-list">
            <img class="list-img1" src="https://bufanui.com/pages/front/img/super-2.png" alt="">
            <img class="list-img2" src="https://bufanui.com/pages/front/img/icon-2.png" alt="">

            <p class="p1">实战项目</p>
            <p class="p2">学员分组完成项目，体验真实工作流</p>
        </div>
        <div class="column-item3 column-list">
            <img class="list-img1" src="https://bufanui.com/pages/front/img/super-3.png" alt="">
            <img class="list-img2" src="https://bufanui.com/pages/front/img/icon-3.png" alt="">
            <p class="p1">高薪就业</p>
            <p class="p2">完善的课程体系，助你高薪就业</p>
        </div>
        <div class="column-item4 column-list">
            <img class="list-img1" src="https://bufanui.com/pages/front/img/super-4.png" alt="">
            <img class="list-img2" src="https://bufanui.com/pages/front/img/icon-4.png" alt="">
            <p class="p1">免费重学</p>
            <p class="p2">不就业免费重学，直到就业为止</p>
        </div>
    </div>
    <div class="work-stu">
        <p>课程介绍<span>COURSE</span></p>
    </div>
    <div class="main">
        <div class="main-left">
            <div class="main-desc">
                <p class="p1">Ui</p>
                <p class="p2">ui设计<br> 全科班</p>
                <div class="button">点击查看</div>
            </div>
            <div class="img"><img src="https://bufanweb3.oss-cn-beijing.aliyuncs.com/webdev/20200118162352.gif" alt=""></div>
        </div>
        <div class="main-right">
            <div class="main-desc">
                <p class="p1">web</p>
                <p class="p2">前端开发<br> 全科班</p>
                <div class="button">点击查看</div>
            </div>
            <div class="img"><img src="https://bufanweb3.oss-cn-beijing.aliyuncs.com/webdev/20200118162355.gif" alt=""></div>
        </div>
    </div>
    <div class="work-stu">
        <p>学员就业<span>WORK</span></p>
    </div>

    <div class="work">

        <div class="list">
            <a href=""><img src="	https://bufanweb3.oss-cn-beijing.aliyuncs.com/webdev/20200119113509.jpg" alt="">
            </a>
            <div class="desc">
                <p class="place">入职公司：杭州网易 8k</p>
                <p>姓名：18-09期入职网易实习</p>
                <p>职位：Ui设计师实习岗位</p>
                <p>学历：本科/工业设计</p>

            </div>
        </div>
        <div class="list">
            <a href=""><img src="	https://bufanweb3.oss-cn-beijing.aliyuncs.com/webdev/20200119113455.jpg" alt="">
            </a>
            <div class="desc">
                <p class="place">入职公司：杭州网易 8k</p>
                <p>姓名：18-09期入职网易实习</p>
                <p>职位：Ui设计师实习岗位</p>
                <p>学历：本科/工业设计</p>

            </div>
        </div>
        <div class="list">
            <a href=""><img src="	https://bufanweb3.oss-cn-beijing.aliyuncs.com/webdev/20200119113404.jpg" alt="">
            </a>
            <div class="desc">
                <p class="place">入职公司：杭州网易 8k</p>
                <p>姓名：18-09期入职网易实习</p>
                <p>职位：Ui设计师实习岗位</p>
                <p>学历：本科/工业设计</p>

            </div>
        </div>
        <div class="list">
            <a href=""><img src="https://bufanweb3.oss-cn-beijing.aliyuncs.com/webdev/20200119113451.jpg" alt="">
            </a>
            <div class="desc">
                <p class="place">入职公司：杭州网易 8k</p>
                <p>姓名：18-09期入职网易实习</p>
                <p>职位：Ui设计师实习岗位</p>
                <p>学历：本科/工业设计</p>

            </div>
        </div>
    </div>
    <div class="super">
        <p class="public">免费公开课</p>
        <p class="public-super">SUPER</p>
        <button>全部</button>
        <p class="p1">ui设计</p>
        <p class="p1">前端开发</p>
    </div>
    <div class="public-class">
        <div class="nav">
            <div style="background-color: #248ee3;" class="item"><img src="	https://bufanui.com/pages/front/img/h5_logo.png" alt=""></div>

            <div class="text">
                <p class="desc">HTML+CSS - 最新教程
                </p>

                <p class="item-tea">主讲老师：张老师</p>
            </div>
        </div>

        <div class="nav">
            <div style="background-color: #ff9c00;" class="item"><img src="	https://bufanui.com/pages/front/img/ai_logo.png" alt=""></div>
            <div class="text">
                <p class="desc">
                    Ai - 基础教程 主
                </p>
                <p class="item-tea">主讲老师：费老师</p>
                <p></p>
            </div>
        </div>

        <div class="nav">
            <div class="item" style="background-color: #a650c7;"><img src="	https://bufanui.com/pages/front/img/ai_logo.png" alt=""></div>
            <div class="text">
                <p class="desc">Ae - 动效基础教程
                </p>
                <p class="item-tea">主讲老师：马老师</p>
            </div>
        </div>

        <div class="nav">
            <div class="item" style="background-color: #120a33;">
                <img src=https://bufanui.com/pages/front/img/sketch_logo.png " alt=" "></div>
             <div class="text ">
                <p class="desc ">Sketch - 基础教程
                    </p>
                <p class="item-tea ">主讲老师：李老师</p>
            </div>
        </div>
       
    </div>
    <div class="talk-text ">
        <p >不凡说 <span>TALK</span></p>
    </div>
    <div class="talk-warp ">
        <div class="talk-list ">
            <div class="talk-img "> <img src="https://bufanweb3.oss-cn-beijing.aliyuncs.com/webdev/20200507144241.png " alt=" "></div>
           
            <div class="desc ">
                <p class="desc-text ">前端培训/转行，必看指南！</p>
                <p class="desc-time "><img class="icon " src="https://bufanui.com/pages/front/img/talk-icon.png " alt=" "> 2020年03月17日  </p>
            </div>
        </div>
        <div class="talk-list ">
            <div class="talk-img "><img src="https://bufanweb3.oss-cn-beijing.aliyuncs.com/webdev/20200119150205.jpg " alt=" ">
            </div>
            <div class="desc ">
                <p class="desc-text ">怎么在vue脚手架中解决跨域

                      </p>
                <p class="desc-time "><img class="icon " src="https://bufanui.com/pages/front/img/talk-icon.png " alt=" "> 2021年05月06日</p>
            </div>
        </div>
        <div class="talk-list ">
            <div class="talk-img "> <img src="https://bufanweb3.oss-cn-beijing.aliyuncs.com/webdev/20200119110601.jpg " alt=" ">
            </div>
           <div class="desc ">
                <p class="desc-text ">JS 元素拖拽的那些事儿

                    </p>
                <p class="desc-time "><img class="icon " src="https://bufanui.com/pages/front/img/talk-icon.png " alt=" "> 2020年01月18日</p>
            </div>
        </div>
        <div class="talk-list ">
            <div class="talk-img "><img src="https://bufanweb3.oss-cn-beijing.aliyuncs.com/websit/20200110105211.jpg " alt=" ">
            </div>
            <div class="desc ">
                <p class="desc-text ">前端开发中值得推荐的常用工具

                     </p>
                <p  class="desc-time "><img class="icon " src="https://bufanui.com/pages/front/img/talk-icon.png " alt=" "> 2020年01月10日</p>
            </div>
        </div>
    </div>
    <div class="footer ">
        <div class="footer-left ">
            <div class="footer-place ">
                <p class="p1 ">地址:</p>
                <p class="p2 ">郑州市 / 郑东新区金水东路绿地新都会 / 6号楼1104</p>
            </div>
           
            <div class="footer-wx ">
                <p class="p1 ">微信号:</p>
                <p class="p2 ">bufanxueyuan</p>
            </div>
             <div class="footer-tel ">
                <p class="p1 ">电话:</p>
                <p class="p2 "> 18838180363</p>
                <p class="p1 ">(周一至周日 9:00 - 6:30 )</p> 
            </div>
            <div class="footer-qq ">
                <p class="p1 ">QQ:</p>
                <p class="p2 ">3581997982</p>
            </div>
        </div>
        <div class="footer-right ">
            <div>
                <p class="p1 "> <span>前端</span>扫码咨询/报名</p>
                <img src="https://bufanui.com/pages/front/img/qr_web.png " alt=" ">
            </div>
            <div>
                <p class="p1 "><span>UI</span>扫码咨询/报名</p>
                <img src=" https://bufanui.com/pages/front/img/qr_ui.jpg " alt=" ">
            </div>
        </div>
    </div>
    <div class="links ">     
        <P class="p1 ">友情链接:</P>
        <P>站酷 </P>
        <P>花瓣</P>
        <P>蓝湖</P>
        <P>爱果果</P>
        <P>github</P>
        <P class="p2 "> Copyright© </P>
        <P>2017-2020</P>
        <P>不凡学院</P>
        <P>豫ICP备</P>
        <P>17015347号-1</P>
    </div>
</body>

</html>